// 引用vue工具
import Vue from "vue";
import Router from "vue-router";


Vue.use(Router);

// 引入test.vue文件作为路由
import nows from "../views/nows.vue";

import coming from "../views/coming.vue";

import details from "../views/details.vue"
//配置组件的路径和注册
//const 表示不可被修改的常量
const routes = [{
        path: '/',
        name: 'nows',
        component: nows
    },
    {
        // 路由的名称
        name: "nows",
        //路由的路径
        path: "/nows",
        // 作为模板引入
        component: nows,
    },
    {
        // 路由的名称
        name: "coming",
        //路由的路径
        path: "/coming",
        // 作为模板引入
        component: coming,
    },
    {
        // 路由的名称
        name: "details",
        //路由的路径
        path: "/details",
        // 作为模板引入
        component: details,
    }
]

// 创建vue-router的实例
// 注意：Router对象的路由配置，属性名为routes，切记不可改动
const router = new Router({
    routes: routes //  这里routes属性名是不可更改的
});

// 输出给其他文件使用router对象
export default router;
